<%@ Page Language="C#" MasterPageFile="~/NiftyDemo.Master" AutoEventWireup="true"
    Codebehind="Example8.aspx.cs" Inherits="NiftyDotNetDemo.Example8" Title="NiftyDotNet - Example 8" %>

<%@ Register Assembly="NiftyDotNet" Namespace="NiftyDotNet" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <cc1:Nifty ID="Nifty1" runat="server" Selectors="ul#split li" MakeSameHeight="True">
    </cc1:Nifty>
    <cc1:Nifty ID="Nifty2" runat="server" Selectors="ul#split li" MakeSameHeight="True">
    </cc1:Nifty>
    <p></p>
    <asp:Label ID="Label1" runat="server" Text="Nifty effects: "></asp:Label>
    <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
        AutoPostBack="True">
        <asp:ListItem Selected="True" Value="1">No Nifty effects</asp:ListItem>
        <asp:ListItem Value="2">Make same height</asp:ListItem>
        <asp:ListItem Value="3">Same heights and rounding</asp:ListItem>
    </asp:DropDownList>
    <div id="container8">
        <ul id="split">
            <li id="one">
                <h3>
                    Title one</h3>
                <div>
                    <p>
                        Eiu iae eiouuu io eiiu e eo eee ue uaioeo eiea euooi iueui a eieuoo iau iaio ieeoaiui.</p>
                    <p>
                        Iie u uiuou uaueiei ioou ouu o e uue aeiii o euoueeei iueuou ei aoeaei ui eeoueuo
                        e ioi.</p>
                </div>
            </li>
            <li id="two">
                <h3>
                    Title two</h3>
                <div>
                    <p>
                        Uiiui ieoai ooiu iuo oo iaoouuo ouiue ui oa aeiooi ieuuu ue auaou euui oieoeo iai
                        aaoo.</p>
                    <p>
                        Ueauiuiiu oauue iiouoi eiiiaeaa ioeu e eio iioui iu o ieooua aooiu ooiu o oau oo
                        ouuau ueuoeii ieieoeee aee.</p>
                    <p>
                        Uiee io u e ee ea iioe ioeuaoe ooai u.</p>
                </div>
            </li>
            <li id="three">
                <h3>
                    Title three <br />(long title)</h3>
                <div>
                    <p>
                        iei ooo ui ui eeiuiuoi uiauoe ieuii ii aia eiii eueieie ouio oi.</p>
                    <p>
                        Iu iuiui aeeoio aouea euaeu ouuu aoooe eueo uei ueeu ea uieuiuu uo ui e aeuu eaeia
                        oui.</p>
                    <p>
                        Oeouo ue uuei e ieuee o uooeuoo eaeeu oeieioa aoaea iuia ue uia oiau a uoeo.</p>
                </div>
            </li>
        </ul>
    </div>
    <div id="howtodo">
        <strong>How to do:</strong>
        <ul>
            <li>Design the web page as always.</li>
            <li>Insert two NiftyDotNet components.</li>
            <li>Capture dropdown's "SelectedIndexChange" event, and set the properties depending
                on the selection. See the code in <em>Example8.cs</em> for more info.</li>
            <li>That's all</li>
        </ul>
    </div>
    <div id="footer">
        <a id="back" href="Default.aspx" title="Main page">Return to main page</a>
    </div>
</asp:Content>
